<style>
.division table {margin-top:5px;}
.division th,.division td{padding:5px;border:1px solid #ddd; vertical-align:middle;line-height:1.8}
.division th {background-color:#E2E8EB}
.division input {padding:2px;line-height:18px;}
.division i {color:#FF0000;}
</style>
<div class="tableform">
  <div class="tip-text">
  <h2 class="font14px">清风设计团队 —— 商派认证模板服务商，专业品质，为电商助力!</h2>
  <p>数百款精品模板及应用尽在清风设计，不断更新。<a href="http://www.hnqss.cn/html/jszx/" target="_blank">技术研究</a>&nbsp;&nbsp;<a href="http://www.hnqss.cn/html/business/" target="_blank">网店运营</a>&nbsp;&nbsp;<a href="http://www.hnqss.cn/help/" target="_blank">使用帮助</a>&nbsp;&nbsp;<a href="http://www.hnqss.cn/fwtc/" target="_blank">代维服务</a>，最新电商资源，请点击进入<a href="http://www.hnqss.cn/" target="_blank">清风设计官网</a>，服务QQ：800060659</p>
    <p>
    <span>点击进入模板专区：</span>
    <a href="http://www.hnqss.cn/moban/ecstore/" target="_blank">1.ECStore模板</a>&nbsp;&nbsp;
    <a href="http://www.hnqss.cn/moban/ykd/" target="_blank">2.易开店模板</a>&nbsp;&nbsp;
    <a href="http://www.hnqss.cn/moban/shopex/" target="_blank">3.ShopEx模板</a>&nbsp;&nbsp;
    <a href="http://www.hnqss.cn/moban/fxw/" target="_blank">4.分销王模板</a>&nbsp;&nbsp;
    <a href="http://www.hnqss.cn/Mobile/" target="_blank">5.手机端模板</a>&nbsp;&nbsp;
    <a href="http://www.hnqss.cn/downloads/mfmb/" target="_blank">6.免费模板</a>
    </p>
    <p><span>点击进入应用专区：</span>
    <a href="http://www.hnqss.cn/tools/" target="_blank">1.插件中心</a>&nbsp;&nbsp;
    <a href="http://www.hnqss.cn/html/ECStore/" target="_blank">2.挂件中心</a>&nbsp;&nbsp;
    <a href="http://www.hnqss.cn/downloads/mfcj/" target="_blank">6.免费应用</a>
    </p>
  </div>
</div>
<div id="goods_exshow_config">
	<div class="tableform">
		<h5>基本设置</h5>
	  <div class="widgetconfig division">
		<table width="100%" cellpadding="0" cellspacing="0"> 
			<tr>
				<th width="10%">栏目标题：</th>
				<td width="40%"><input type="text" name="title" value="<{$setting.title}>" style="width:200px" class="inputstyle" /></td>
				<th width="10%">栏目样式</th>
				<td width="40%"><input type="text" name="stylename" value="<{$setting.stylename}>" style="width:200px" class="inputstyle" /></td>
			</tr>
			<tr>
				<th width="10%">商品数量：</th>
				<td width="40%"><input type="text" name="limit" value="<{$setting.limit|default:'6'}>" class="inputstyle"></td>
				<th width="10%">每行显示几列：</th>
				<td width="40%"><input type="text" name="column" value="<{$setting.column|default:'4'}>" class="inputstyle">列</td>
			</tr>
		 </table>
	   </div>
	</div>
	
	<div class="tableform">
		<h5>商品筛选</h5>
	  <div class="widgetconfig division">
		   <div class="goods-selector-handle clearfix">
				<div class="span-auto"><label><input type="radio"  name="selector" value="filter" <{if $setting.selector!="select"}> checked<{/if}> />&nbsp;范围选择商品</label></div>
				<div class="span-auto"><label><input type="radio"  name="selector" value="select" <{if $setting.selector=="select"}> checked<{/if}> />&nbsp;精确选择商品</label></div>
			</div>
			<div class="division goods-selector">
				<div data-extend="filter"<{if $setting.selector=="select"}> style="display:none"<{/if}>> 
					<{input type="goodsfilter"  name="goods_filter" value=$setting.goods_filter}>
				</div>
				<div data-extend="select"<{if $setting.selector =="filter"}> style="display:none;"<{/if}>>
					<{input type="goods_select" object="goods@b2c" pdt_name="goods_select" pdt_value=$setting.goods_select obj_name="goods_select_linkobj" obj_value=$setting.goods_select_linkobj}>
				</div>
				<div class="division">
					排序规则：
					<select  name="goods_order_by">
						<{foreach from=$data.goods_order_by item=item}>
						<option value="<{$item.condition}>"  <{if $setting.goods_order_by == $item.condition}>selected<{/if}>><{$item.label}></option>
						<{/foreach}>
					</select>
				</div>
			</div>
		</div>
	</div>
	
	<p style="color:red;font-weight:bold;text-align:center;margin:0;paading:5px;"><a href="http://www.hnqss.cn/" target="_blank">清风设计团队</a>提示您 ：下列功能为模板工程师定义区域，为了模板显示美观，请勿随意改动下列内容!</p>
	
	<div class="tableform">
	  <h5>商品展示设置</h5>	
	   <div class="widgetconfig division">
		<table width="100%" cellpadding="0" cellspacing="0">
			<tr>
				<th width="10%">显示商品名称：</th>
				<td width="40%"><input type="radio" name="showgoodsName" value="on"<{if $setting.showgoodsName!="off"}> checked<{/if}>> 是&nbsp;&nbsp;<input type="radio" name="showgoodsName" value="off" <{if $setting.showgoodsName=="off"}> checked<{/if}>> 否</td>   
				<th width="10%">商品名称长度：</th>        
				<td width="40%"><input type="text" name="maxlength" value="<{$setting.maxlength|default:40}>" class="inputstyle"></td>  	
		  </tr>
		  <tr>
				<th width="10%">显示商品简介：</th>
				<td width="40%"><input type="radio" name="showgoodsIntro" value="on"<{if $setting.showgoodsIntro=="on"}> checked<{/if}>> 是&nbsp;&nbsp;<input type="radio" name="showgoodsIntro" value="off" <{if $setting.showgoodsIntro!="on"}> checked<{/if}>> 否</td> 
				<th width="10%">商品简介长度：</th>        
				<td width="40%"><input type="text" name="maxlength1" value="<{$setting.maxlength1|default:80}>" class="inputstyle"></td> 				
		  </tr>
		  <tr>
			<th width="10%">显示销售价：</th>
			<td width="40%"><input type="radio" name="showgoodsSalePrice" value="on" <{if $setting.showgoodsSalePrice!="off"}> checked<{/if}>> 是&nbsp;&nbsp;<input type="radio" name="showgoodsSalePrice" value="off" <{if $setting.showgoodsSalePrice=="off"}> checked<{/if}>> 否</td>
			<th width="10%">显示为：</th>        
			<td width="40%"><input type="text" name="salePricetxt" value="<{$setting.salePricetxt}>" class="inputstyle">（可不填）</td>			
		  </tr>
		  <tr>
			<th width="10%">显示市场价：</th>
			<td width="40%"><input type="radio" name="showgoodsMarketPrice" value="on"<{if $setting.showgoodsMarketPrice=="on"}> checked<{/if}>> 是&nbsp;&nbsp;<input type="radio" name="showgoodsMarketPrice" value="off" <{if $setting.showgoodsMarketPrice!="on"}> checked<{/if}>> 否</td>
			<th width="10%">显示为：</th>        
			<td width="40%"><input type="text" name="MarketPricetxt" value="<{$setting.MarketPricetxt}>" class="inputstyle">（可不填）</td>
		  </tr>
		  <tr>
			<th width="10%">显示销量：</th>
			<td width="40%"><input type="radio" name="showbuycount" value="on"<{if $setting.showbuycount=="on"}> checked<{/if}>> 是&nbsp;&nbsp;<input type="radio" name="showbuycount" value="off" <{if $setting.showbuycount!="on"}> checked<{/if}>> 否&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="buycount" value="1"<{if $setting.buycount!="2"}> checked<{/if}> /> 总销量&nbsp;&nbsp;<input type="radio" name="buycount" value="2" <{if $setting.buycount=="2"}> checked<{/if}> /> 周销量&nbsp;&nbsp;</td>
			<th width="10%">提示文字：</th>
			<td width="40%"><input type="text" name="btitle" value="<{$setting.btitle|default:'已售：'}>" class="inputstyle"></td>			
		  </tr>
		  <tr>
			<th width="10%">显示评分：</th>
			<td width="40%"><input type="radio" name="show_star" value="on"<{if $setting.show_star=="on"}> checked<{/if}>> 是&nbsp;&nbsp;<input type="radio" name="show_star" value="off" <{if $setting.show_star!="on"}> checked<{/if}> /> 否</td>
			<th width="10%">显示购买按钮：</th>
			<td width="40%"><input type="radio" name="showgoodsbtn" value="on"<{if $setting.showgoodsbtn=="on"}> checked<{/if}>> 是&nbsp;&nbsp;<input type="radio" name="showgoodsbtn" value="off"<{if $setting.showgoodsbtn!="on"}> checked<{/if}>> 否	</td>			
		  </tr>
		  <tr>
			<th width="10%">显示商品标签：</th>
			<td width="40%"><input type="radio" name="showgoodstag" value="on"<{if $setting.showgoodstag=="on"}> checked<{/if}>> 是&nbsp;&nbsp;<input type="radio" name="showgoodstag" value="off" <{if $setting.showgoodstag!="on"}> checked<{/if}> /> 否</td> 
			<th width="10%">标签类型：</th>
			<td width="40%"><input type="radio" name="showgoodstagtype" value="img"<{if $setting.showgoodstagtype!="txt"}> checked<{/if}> /> 图片标签&nbsp;&nbsp;<input type="radio" name="showgoodstagtype" value="txt" <{if $setting.showgoodstagtype=="txt"}> checked<{/if}> /> 文字标签</td>
		  </tr>
		</table>
	</div>
	<div class="widgetconfig division">
		<h5>商品图片设定</h5>
		<table width="100%" cellpadding="0" cellspacing="0" id="showgoodsImg-view">
		 <tr>
			<th width="10%">显示商品图片</th>
			<td width="40%"><input type="radio" name="showgoodsImg" value="on"<{if $setting.showgoodsImg!="off"}> checked<{/if}>> 是&nbsp;&nbsp;<input type="radio" name="showgoodsImg" value="off" <{if $setting.showgoodsImg=="off"}> checked<{/if}>> 否</td> 
			<th width="10%">图片位置：</th>
			<td width="40%"><input type="radio" name="imgside" value="0"<{if $setting.imgside=="0"}> checked<{/if}>> 上&nbsp;&nbsp;<input type="radio" name="imgside" value="1"<{if $setting.imgside=="1"}> checked<{/if}>> 下&nbsp;&nbsp;<input type="radio" name="imgside" value="2"<{if $setting.imgside=="2"}> checked<{/if}>> 左&nbsp;&nbsp;<input type="radio" name="imgside" value="3"<{if $setting.imgside=="3"}> checked<{/if}>> 右</td>
		  </tr>
		  <tr>
			<th width="20%">图片大小：</th>
			<td width="30%">宽：<input type="text" name="width" value="<{$setting.width|default:180}>" style="width:60px" class="inputstyle">px 高：&nbsp;&nbsp;<input type="text" name="height" style="width:60px" value="<{$setting.height|default:180}>" class="inputstyle">px</td>
			<th width="10%">图片比例：</th>
			<td width="40%"><input type="radio" name="resize" value="on" <{if $setting.resize=="on"}> checked<{/if}> /> 强制大小&nbsp;&nbsp;<input type="radio" name="resize" value="off"<{if $setting.resize!="on"}> checked<{/if}> /> 等比缩放</td>
		  </tr>
		</table>
		</div>
	</div>
</div>
<script>
$$('#goods_exshow_config .goods-selector-handle input[type=radio]').addEvent('change',function(){
	var radio  = this;
	if(!radio.checked)return;
	$$('#goods_exshow_config .goods-selector [data-extend]').each(function(item){
		if(item.get('data-extend')!=radio.value){
			item.hide();
			}else{
			item.show();
		}
	});
});
</script>